<template>
	<view class="box">
		<view class="title">
			<view class="name">
				强力推荐
			</view>
			<view class="hyh">
				换一波
			</view>
		</view>
		<view class="activityList">
			<view class="item" v-for="item of activityList" :key="item.id">
				<activity1 :activity="item"></activity1>
			</view>
		</view>
	</view>
</template>

<script>
	import Activity1 from './activity1.vue'
	export default {
		name:'Recommend',
		props:{
			activityList: Array
		},
		data: function() {
			return {
				
			}
		},
		components:{
			Activity1
		},
	}
</script>

<style scoped>
	.box{
		background: #fff;
		padding: 20px;
	}
	.title{
		height: 80px;
		display: flex;
		justify-content: space-between;
	}
	.title .name {
		font-size: 40px;
		line-height: 80px;
	}
	.title .hyh{
		font-size: 25px;
		line-height: 80px;
		color: #888888;
		padding-right: 20px;
	}
	.activityList{
		display: flex;
		flex-wrap: wrap;
	}
	.activityList .item{
		width: 50%;
	}
</style>
